@tailwind base;
@tailwind components;
@tailwind utilities;

html {
  background: #f1f1f1;
}
.van-nav-bar .van-icon {
  color: #000 !important;
}
.van-nav-bar__arrow {
  font-size: 20px !important;
  font-weight: bold;
}
.van-button--primary {
  background: var(--van-button-primary-background);
}
.van-button--success {
  background: var(--van-button-success-background);
}
.flex-none {
  flex: none !important;
}
.flex-auto {
  flex: 1 1 auto !important;
}
.bg-none {
  background: none !important;
}
.van-safe-area-bottom {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.mx-2\.5 {
  margin-left: 0.625rem !important/* 10px */;
  margin-right: 0.625rem !important/* 10px */;
}
.my-2\.5 {
  margin-top: 0.625rem !important/* 10px */;
  margin-bottom: 0.625rem !important/* 10px */;
}
.mb-2\.5 {
  margin-bottom: 0.625rem !important/* 10px */;
}
.mb-3 {
  margin-bottom: 0.75rem !important/* 12px */;
}
.mt-3 {
  margin-top: 0.75rem !important/* 12px */;
}
.mx-3 {
  margin-left: 0.75rem !important/* 12px */;
  margin-right: 0.75rem !important/* 12px */;
}
.my-3 {
  margin-top: 0.75rem !important/* 12px */;
  margin-bottom: 0.75rem !important/* 12px */;
}
.bg-inherit {
  background-color: inherit !important;
}
.block {
  display: block !important;
}
.mt-2\.5 {
  margin-top: 0.625rem !important/* 10px */;
}
.p-0 {
  padding: 0 !important/* 0px */;
}
.p-2\.5 {
  padding: 0.625rem !important/* 10px */;
}
.py-1 {
  padding-top: 0.25rem !important/* 4px */;
  padding-bottom: 0.25rem !important/* 4px */;
}
.py-2\.5 {
  padding-top: 0.625rem !important/* 10px */;
  padding-bottom: 0.625rem !important/* 10px */;
}
.van-coupon-cell__value--selected {
  color: #ff2404;
}
.coupon_bg {
  background-image: url('../assets/images/coupon_bg.png');
}
.coupon_bg2 {
  background-image: url('../assets/images/coupon_bg2.png');
}
.van-safe-area-bottom {
  padding-bottom: constant(safe-area-inset-bottom) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}